<style lang="scss" scoped>
    .teacher-menu{
        background: url('~@/assets/teacher_home.jpg');
        width: 100vw;
        height: 100vh;
        background-size: cover;
        padding-top: 80px;
    }
    .menu{
        margin-top: 80px;
    }
</style>
<template>
    <div class="teacher-menu">
        <img class="d-block mx-auto logo" style="width: 60px;" src="~@/assets/logo.png" alt="">
        <h2 class="color-fff text-center my-1">陆军军事交通学院</h2>
        <Row class="auto-90 text-center menu line-height-26" justify="space-around" type="flex">
            <Col v-for="(val,index) in menu" :key="index" class="pointer">
                <router-link :to="{path:'/t/'+val.link}" class="color-fff" >
                    <img width="60px" :src="require('@/assets/teacher_home_ico1.png')" alt="">
                    <p>{{val.title}}</p>
                </router-link>
            </Col>
        </Row>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                menu:[
                    {
                        title:'个人中心',
                        link:'center'
                    },
                    {
                        title:'班级管理',
                        link:'class'
                    },
                    {
                        title:'教师管理',
                        link:'teacher'
                    },
                    {
                        title:'我的课堂',
                        link:'my_lesson'
                    },
                    {
                        title:'创建课堂',
                        link:'create_lesson'
                    },
                    {
                        title:'答疑解惑',
                        link:'questions_list'
                    }
                ]
            }
        }
    }
</script>

